<!-- INCLUDE CSS -->
<link href="css/site.css" rel="stylesheet" type="text/css" />
<!--- INCLUDE jS -->
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> q
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script src="js/register.jquery.js" type="text/javascript"></script>


  <form name="register" id="registerId" onsubmit="return validate(this)">

<input type="hidden" name="hiddenGender" />

    <table  border="0" cellspacing="0" cellpadding="0" align="center" width="80%">
      <thead>
        <tr>
          <th colspan="2">Please fill the details below..</th>
        </tr>
      </thead>

      <tbody>


        <tr>
          <td width="40%" align="right">Name :</td>
          <td width="60%"><input type="text"  placeholder="My name is..."
                name="user_name"/>
          </td>
        </tr>

        <tr>
          <td align="right">Email :</td>
          <td>  <input
                  type="text"

                  placeholder="My email is..."
                  name="email"/>
          </td>
        </tr>

        <tr>
          <td align="right">Password :</td>
          <td>  <input
                  type="password"
                  id="passwordId"
                  placeholder="My password is..."
                  name="password"/>
          </td>
        </tr>

        <tr>
          <td align="right">Confirm Password :</td>
          <td>  <input
                  type="password"

                  placeholder="Re type password is..."
                  name="c_password"/>
          </td>
        </tr>

        <tr>
          <td align="right">Gender :</td>
          <td><label><input type="radio"
              name="gender"/> Male</label>
            <label><input type="radio"
              name="gender"/> Female</label>
              <br>
              <label for="gender" generated="true" class=""></label>
          </td>
        </tr>

        <tr>
          <td align="right">Date Of Birth :</td>
          <td><input
                type="date"

                placeholder="22/09/2013"
                name="dob"/>

          </td>
        </tr>

        <tr>
          <td align="right">Address :</td>
          <td>  <textarea
                name="address"
                cols="10"
                rows="5"
                placeholder="My address is"
                id="addressId" ></textarea>
          </td>
        </tr>

        <tr>
          <td align="right">Country :</td>
          <td>  <select name="country">
                <option value="">--Select--</option>
                <option value="in">India</option>
                <option value="pk">Pakistan</option>
                <option value="np">Nepal</option>
                <option value="bh">Bhutan</option>
                <option value="bn">Bangladesh</option>
                <option value="sl">Srilanka</option>
                <option value="ch">China</option>
              </select>
          </td>
        </tr>

        <tr>
          <td align="right">Languages :</td>
          <td>  <select multiple size="4" name="lang[]">
                <option value="hi">Hindi</option>
                <option value="en">English</option>
                <option value="pu">Punjabi</option>
                <option value="ur">Urdu</option>
                <option value="gj">Gujrati</option>
                <option value="tm">Tamil</option>
                <option value="tl">Telgu</option>
              </select>
          </td>
        </tr>

        <tr>
          <td align="right">Hobbies :</td>
          <td>

<div style="float:left">

  <div style="float:left;border:0px solid blue;width:400px;">
    <input type="checkbox" name="hobbies[]" value="ck"  />Cricket<BR>
    <input type="checkbox" name="hobbies[]" value="hc"  />Hockey<BR>
    <input type="checkbox" name="hobbies[]" value="bd"  />Badminton<BR>
    <input type="checkbox" name="hobbies[]" value="fb"  />Football<BR>
    <input type="checkbox" name="hobbies[]" value="tn"  />Tennis<BR>
  </div>

  <div style="float:left;border:0px solid red;width:200px;  ">
    <label for="hobbies[]" generated="true" class="error"></label>
  </div>

</div>
          </td>
        </tr>

        <tr>
          <td align="right">Avatar :</td>
          <td>  <input
                type="file"

                placeholder="Upload file"
                name="avatar"/>
          </td>
        </tr>

        <tr>
          <td>&nbsp;</td>
          <td><input type="submit" value="I am done!!" /></td>
        </tr>

      </tbody>
    </table>
  </form>
